<template>
  <Back reg-view-sty="reg" :title="backTitle">
    <div class="nav">
      <p>{{ title }}</p>
    </div>
    <div class="message">
      <div class="left">
        <p>
          <span>患者姓名</span>
          <span>张三</span>
        </p>
        <p>
          <span>证件类型</span>
          <span>身份证号</span>
        </p>
        <p>
          <span>微信昵称</span>
          <span>姜马陆a</span>
        </p>
        <p>
          <span>就诊人地址</span>
          <span>北京市朝阳区**路**号**小区</span>
        </p>
      </div>
      <div class="middle">
        <p>
          <span>就诊卡号</span>
          <span>123456789</span>
        </p>
        <p>
          <span>证件号码</span>
          <span>340823198565245896</span>
        </p>
        <p>
          <span>手机号码</span>
          <span>17685259632</span>
        </p>
      </div>
      <div class="right">
        <p>
          <span>患者头像</span>
          <span class="tx"></span>
        </p>
        <p>
          <span>关系</span>
          <span>本人</span>
        </p>
      </div>
    </div>
  </Back>
</template>
<script>
import Back from '@/components/Part/BackColor.vue'
export default {

  props: {
    title: {
      type: String,
      default: '患者信息'
    },
    backTitle: {
      type: String,
      default: ''
    }
  }
  ,
  components: {
    Back
  }
}
</script>
<style scoped>
[reg-view-sty="reg"] {
  margin-bottom: 20px;
}

.el-button--primary {
  padding: 12px 40px;
}

.topper {
  width: 1280px;
  height: 290px;
  background-color: #fff;
  margin-bottom: 20px;
  box-shadow: 0px 0px 20px rgb(215 215 215);
  border-radius: 8px;
}

.nav {
  width: 100%;
  height: 50px;
  background-color: rgba(242, 242, 242, 1);
  display: flex;
  align-items: center;
}

.nav p {
  color: #006eff;
  font-size: 16px;
  text-indent: 1rem;
}

.message {
  display: flex;
}

.left {
  padding-left: 40px;
  width: 305px;
  padding-right: 100px;
}

.left span {
  display: inline-block;
  font-size: 14px;
  padding: 25px 0px 10px 10px;
}

.middle {
  padding-right: 100px;
}

.middle span {
  display: inline-block;
  font-size: 14px;
  padding: 25px 0px 10px 10px;
}

.right {
  padding-top: 30px;
}

.right span {
  display: inline-block;
  font-size: 14px;
  padding: 25px 0px 10px 10px;
}

.tx {
  width: 64px;
  height: 64px;
  background-color: rgba(0, 110, 255, 0.0980392156862745);
  box-sizing: border-box;
  border-radius: 50%;
}

.right p:nth-of-type(1) {
  display: flex;
}

span:nth-of-type(1) {
  color: #aaaaaa;
  width: 95px;
}
</style>